@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#272727;overflow-x:hidden;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#3871c1;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.fl {float: left;}
.fr {float: right;}
.top{width:100%;height:35px;line-height:35px;font-size:14px;color:#a0a0a0;border-bottom: 1px solid #DEDEDE;}
.top span{float:right;color: #a0a0a0;}
.top span a{font-size:14px;color: #a0a0a0;padding: 0px 5px;}
.top span a:hover{color:#3871c1;}
.logo_l {float: left;width:395px;height: 62px;padding:31px 0px;}
.logo_l dl {font-size:32px;font-weight: bold;}
.logo_l dt {text-transform: uppercase;font-size:14px;letter-spacing:0.9px;}
.logo_c{ width:270px; border-left:1px solid #ccc;padding-left:14px;float: left;height: 58px;margin-top:33px;}
.logo_c dl{ line-height: 31px; font-size:16px;font-weight: bold;color: #272727;}
.logo_c dt{ line-height: 26px; font-size:14px;color: #888888;}
.logo_r {float: right;background: url(../images/tel.png) no-repeat left center;padding-left:36px;margin-top:39px;height:45px;}
.logo_r dl {font-size: 14px;color: #000;}
.logo_r dt {font-size:20px;color:#3871c1;font-weight: bold;}
#nav{width: 100%;background-color: #3871c1;height:60px;line-height: 60px;}
#nav li{float:left;text-align:center;}
#nav li a{line-height:60px;display:block;height:60px;text-align:center;font-size:16px;color: #fff;}
#nav li:hover{text-decoration:none; height:60px;background-color:#3366af;}
#nav li dl{background-color:#3366af;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li dl dt{height:46px;line-height:46px;border-bottom:1px solid #fff;}
#nav li dl dt a{font-size:14px;height:46px;line-height:46px;}
#nav li dl dt a:hover{ background:none;font-size:15px;font-weight:bold;}
#nav li:hover dl{left:auto;}
#nav li:hover a{color: #fff;}
#curr{background-color: #3366af;}
#ss{width: 100%;height:50px;border-bottom: 1px solid #D4D4D4;}
.rmss{float: left;line-height:50px;font-size: 14px;color: #272727;}
.rmss a{font-size: 14px;color: #888888;padding: 0px 5px;}
.rmss a:hover{color: #3871c1;font-weight: bold;}
.search{float: right;line-height: 47px;background-color: #fff;border-bottom: 1px solid #3871C1;}
.search input {color:#888888;font-size: 14px;height: 47px;outline: none;vertical-align: middle;width:341px;margin: 0px;border: 0px;background-color: transparent;}
.search button {cursor: pointer;font-size: 14px;outline: none;vertical-align: middle;width:22px;padding: 0px;border: 0px;background-color: transparent;}
.search img {height:22px;vertical-align: middle;width: 22px;}
#wrap{width: 100%;background-color: #F9F9F9;border-top: 1px solid #ECECEC;padding: 45px 0px;}
.title{text-align:center;}
.title li{font-size:36px;font-weight:bold;color: #3871c1;}
.title p{font-size: 16px;color: #272727;background: url(../images/line.png) no-repeat center center;margin-top: 8px;}
.icpfl{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.icpfl li{width: 15.6%;background-color: #3871bd;height:45px;line-height: 45px;text-align: center;}
.icpfl li a{color: #fff;font-size: 16px;}
.icpfl li:hover{background-color: #272727;}
.cpzs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.cpzs div{width: 24%;}
.cpzs div li{background-color: #fff;padding:8px;overflow: hidden;display: inline-table;}
.cpzs div li a{overflow: hidden;display: inline-table;}
.cpzs div li a img{transition: all 0.6s;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.3);}
.cpzs div p{text-align: center;line-height: 46px;height: 46px;}
.cpzs div p a{font-size: 15px;}
.cpzs div:hover p a{color: #3871c1;font-weight: bold;}
.more{width: 160px;height: 42px;line-height: 42px;background-color: #3871C1;text-align: center;margin: 30px auto 0px auto;}
.more a{color: #fff;font-size: 16px;}
.more:hover{background-color: #272727;}
.ys{background: url(../images/ys.png) no-repeat center bottom;padding: 70px 0px;}
.ys dl{float: left;width: 300px;}
.ys dl dt{border-bottom: 1px solid #E9E9E9;padding-bottom: 30px;margin-bottom: 30px;}
.ys dl dt ol{color: #272727;font-size: 18px;font-weight: bold;background: url(../images/5.png) no-repeat left bottom;margin-top: 15px;padding-bottom:13px;transition: all 0.6s;}
.ys dl dt p{font-size:14px;line-height:26px;margin-top: 10px;}
.ys dl dt:hover ol{background: url(../images/5.png) no-repeat 20px bottom;transition: all 0.6s;}
.ys ul{float: right;text-align: right;width: 300px;}
.ys ul li{border-bottom: 1px solid #E9E9E9;padding-bottom: 30px;margin-bottom: 30px;}
.ys ul li ol{color: #272727;font-size: 18px;font-weight: bold;background: url(../images/6.png) no-repeat right bottom;margin-top: 15px;padding-bottom:13px;transition: all 0.6s;}
.ys ul li p{font-size:14px;line-height:26px;margin-top: 10px;}
.ys ul li:hover ol{background: url(../images/6.png) no-repeat 220px bottom;transition: all 0.6s;}
#wrap1{width: 100%;background: url(../images/wrap1.jpg) no-repeat center bottom;padding: 40px 0px 0px 0px;position: relative;height: 760px;}
.title1{text-align:center;}
.title1 li{font-size:36px;font-weight:bold;color: #fff;}
.title1 p{font-size: 16px;color: #fff;background: url(../images/title1.png) no-repeat center center;margin-top: 8px;}
.ron-show{margin-top:45px;position: relative;height:500px;}
.ron-list{width:1660px;height:500px;top:0;position: relative;}
.ron-con{display: none;}
.ron-exp{float: left;background:#fff;padding: 70px 35px 30px 35px;height:400px;}
.ron-exp li{font-size:30px;position: relative;font-weight: bold;}
.ron-exp li::after{position:absolute;content:'';height:1px;width:100%;background-color:#D4D4D4;left:0;bottom:-30px;}
.ron-exp li img:nth-child(1){float: left;margin-top: 7px;margin-right: 10px;}
.ron-exp li ol{float: left;height: 56px;}
.ron-exp li ol span{display:block;font-size:14px;font-family:Arial;text-transform:uppercase;font-weight: normal;}
.ron-exp li img:nth-child(3){float: right;margin-top: 4px;}
.ron-exp .con{font-size: 14px;line-height: 26px;margin-top:60px;height:78px;}
.ron-img{float: left;overflow: hidden;width:960px;height:500px;}
.ron-cfn{width: 640px;background-color: #fff;margin:0px auto;position: relative;top:-180px;}
.ron-cfn ul li{display: block;padding:15px 0px;width:160px;height:110px;cursor: pointer;transition: all .5s ease;text-align: center;float: left;}
.ron-cfn ul li .img{height: 60px;line-height: 60px;}
.ron-cfn ul li .img2{display: none;}
.ron-cfn ul li.cur .img1{display: none;}
.ron-cfn ul li.cur .img2{display: inline-block;}
.ron-cfn ul li ol{text-align: center;font-size: 20px;color: #333;margin-top:5px;}
.ron-cfn ul li ol span{display: block;font-size: 12px;margin-top:10px;text-transform:uppercase;font-family: Arial;}
.ron-cfn ul li.cur{background-color:#3871C1;}
.ron-cfn ul li.cur ol{color: #fff;}
.hf{position: absolute;margin-top:30px;}
.hf dl{background: url(../images/bg.png) no-repeat left center;width: 194px;height: 50px;line-height: 50px;text-align: center;color: #3871c1;font-weight: bold;font-size: 18px;float: left;}
.hf ul{float: left;color: #fff;text-align: center;width: 312px;}
.hf ul ol{font-size: 24px;font-weight: bold;}
.hf ul p{font-size: 14px;}
.hf li{text-align: center;right: 0px;float: right;}
.hf li p{color: #fff;font-size: 18px;font-weight: bold;}
.hf li ol{width: 100px;height: 25px;line-height: 25px;background-color: #fff;margin:0px auto;}
.hf li ol a{font-size: 14px;}
.title2{border-left: 4px solid #3871C1;height:40px;font-size: 18px;font-weight: bold;line-height: 20px;padding-left: 10px;padding-top: 10px;}
.title2 p{text-transform: uppercase;color: #888888;font-weight: normal;font-size:12px;}
.tech-list{margin-top: 30px;}
.tech-list ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.tech-list ul li{cursor: pointer;float: left;text-align: left;padding-top:10px;width: 11.5%;position: relative;background: url(../images/line1.png) no-repeat left center;height: 90px;padding-left: 1%;}
.tech-list ul li img{max-width: 100%;transition: all .8s ease 0s;}
.tech-list ul li ol{font-size: 16px;margin-top:15px;}
.tech-list ul li p{font-size: 12px;color: #888888;margin-top: 5px;font-family: Arial;text-transform: uppercase;}
.tech-list ul li:hover ol{color: #3871C1;}
.tech-list ul li:hover img{transform: rotate(360deg);}
.new-cfn{border-bottom: 1px solid #D4D4D4;}
.new-cfn ul li{width:120px;height: 40px;line-height: 40px;text-align: center;float: left;}
.new-cfn ul li p{line-height: 40px;font-size: 16px;text-align: center;font-weight: bold;}
.new-cfn ul li.cur{background: #3871C1;}
.new-cfn ul li.cur p{color: #fff;}
.new-cfn ul span{float: right;margin-top: 15px;}
.new-cfn ul span a{font-size: 14px;text-transform: uppercase;}
.new-list{display:none;}
.xwzx{width:800px;float: left;margin-right:20px;margin-top: 20px;}
.xwzx ul{margin-bottom:10px; background-color: #F9F9F9;}
.xwzx ul dl{width:350px;height:200px;float: left;margin-right: 15px;overflow: hidden;}
.xwzx ul dl img{width: 350px;transition: all 0.6s;height:200px;}
.xwzx ul:hover dl img{transform: scale(1.3);}
.xwzx ul ol{margin-right: 10px;padding-top: 10px;}
.xwzx ul ol a{font-size: 16px;color: #3871c1;font-weight: bold;}
.xwzx ul ol dt{font-size:16px;font-weight: bold;}
.xwzx ul ol p{color: #888888;font-size: 14px;line-height:30px;margin:10px auto;height: 90px;overflow: hidden;}
.xwzx ul:hover ol a{font-weight: bold;margin-left: 10px;color: #0071BF;}
.xwzx li{border-bottom: 1px solid #D4D4D4;line-height:65px;height:65px;font-size: 16px;}
.xwzx li a{font-size: 16px;}
.xwzx li a:hover{margin-left: 10px;}
.xwzx li span{float: right;}
.xwzxn{float: right;margin-top: 20px;}
.xwzxn ul{margin-bottom:17px;position: relative;}
.xwzxn ul li {transition: all ease-out 0.2s;border-bottom: 1px solid #909090;text-align: left;width: 100%;height:88px;}
.xwzxn ul li p a{font-size: 16px;}
.xwzxn ul li p span{font-size:16px;float: right;color: #888888;}
.xwzxn ul li dt:before {position: absolute;content: "";width:1px;border-bottom: 1px solid #3871c1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;height:60px;}
.xwzxn ul:hover li dt:before {width: 100%}
.xwzxn ul li dt{color: #888888;font-size: 14px;line-height:30px;margin-top:7px;height: 60px;overflow: hidden;}
.xwzxn ul:hover li p a{padding-left: 10px;color: #3871c1;}
#wrap2{width: 100%;background-color: #F9F9F9;}
.company{width: 1660px;height:450px;position: relative;}
.company dl{width:960px;float: left;height:450px;overflow: hidden;}
.company dl img{width: 960px;height:450px;cursor: pointer;transition: all 0.6s;}
.company dl:hover img{transform: scale(1.3);}
.company ul{float: left;margin-top: 45px;margin-right: 20px;}
.company ul li{font-size:30px;font-weight: bold;}
.company ul span{font-size:14px;display: block;margin-top: 10px;margin-bottom: 20px;}
.company ul p{text-indent: 2em;font-size: 15px;line-height: 28px;}
.company ul ol{width: 120px;line-height:40px;text-align: center;background-color: #3871c1;margin-top: 10px;}
.company ul ol a{font-size: 14px;color: #fff;}
.company ul:hover ol{background-color: #333;}	
.prott {height: auto;overflow: hidden;ZOOM: 1;margin-left: -15px;margin-top:30px;}
.prott .pcontt {float: left;overflow: hidden;ZOOM: 1;}
.prott .ScrCont1 {width: 32733px;ZOOM: 1;}
.prott #List3_1 {float: left;}
.prott #List4_1 {float: left;}
.prott .LeftBotton1 {background: url(../images/left.png) no-repeat left top;float:left;width:15px;height:30px;margin-top:100px;}
.prott .RightBotton1 {background: url(../images/right.png) no-repeat right top;float:right;width:15px;height: 30px;margin-top:100px;}
.prott .LeftBotton1:hover{background: url(../images/left.png) no-repeat left bottom;}
.prott .RightBotton1:hover{background: url(../images/right.png) no-repeat left bottom;}
.prott .pl1 {display: block;cursor: pointer;float: left;}
.prott .pl1 li {float: left;margin:0px 10px;width: 330px;}
.prott .pl1 li ol a {display: table;overflow: hidden;height:240px;width: 330px;}
.prott .pl1 li ol a img {width: 330px;height:240px;vertical-align: middle;cursor: pointer;transition: all 0.6s;}
.prott .pl1 li:hover ol a img {transform: scale(1.3);}
.prott .pl1 li p{font-size:15px;height:46px;line-height:46px;text-align: center;overflow: hidden;}
.prott .pl1 li:hover p{color: #3871c1;}
.footer{ background: #3F3F3F; color: #fff;width: 100%;padding: 0px 0px 30px 0px;}
.footer a{ color: #3871c1;}
.footl{width:240px;text-align:center;background-color: #3871C1;padding: 30px 0px;}
.footl li{font-size: 30px;font-weight: bold;}
.footl p{text-transform: uppercase;}
.footl img{width: 130px;height: 130px;margin: 15px auto;}
.footc{margin: 0px 100px;}
.footc dl{border-top: 1px solid #656565;border-bottom: 1px solid #656565;padding:10px 0px;margin-top: 50px;}
.footc dl dt{ line-height: 41px;width:33.33%;float: left;}
.footc dl dt a{ color: #fff; font-size: 14px;}
.footc dl dt:hover a{color: #3871c1;}
.footc li{text-align: center;font-size: 14px;margin-top: 20px;}
.footc li a{color: #fff;}
.footc li a:hover{color: #3871c1;}
.footr{width:190px;font-size: 14px;}
.footr dt{background: url(../images/tel2.png) no-repeat left center;padding-left: 30px;margin-top: 50px;}
.footr dd{background: url(../images/dz.png) no-repeat left center;padding-left: 30px;margin-top: 50px;}
.footr p{font-size: 16px;font-weight: bold;}
.yqlj{width:100%;line-height:42px;background:#3F3F3F;text-align:center;font-size:14px;color:#aaaaaa;border-top: 1px solid #656565;}
.yqlj a{color:#fff;padding-right:6px;}
.yqlj a:hover{color:#3871c1;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #3871c1;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #3871c1;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #3871c1;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #3871c1;border: 1px solid #3871c1;}
.page li:hover a{color: #fff;}
.current{background-color: #3871c1!important;border: 1px solid #3871c1!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #3871c1;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #3871c1;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:65px;line-height:65px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl li a{font-size:14px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#3871c1;}
.cpfl li:hover a{color:#fff;}
.cpfl ol{height:46px;line-height:46px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:50px;}
.cpfl ol a{font-size:14px;}
.cpfl ol:hover{transition:all .2s ease; text-indent:60px;background-color:#3871c1;}
.cpfl ol:hover a{color:#fff;}
.cpfl dl{background-color: #3871c1;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.cpfl dt{padding: 0px 5px;line-height:32px;font-size: 14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #3871c1; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{max-width:940px;height: auto;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #3871c1;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #3871c1;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #3871c1;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
#nav li{width:280px;}	
#nav li dl{width:280px;}
.rmss{width:926px;}
.search{width:395px;}
.cpzs div li a img{width:320px;height:240px;}	
.ron-exp{width:630px;}	
.hf ul{margin-left:350px;}
.xwzxn{width:580px;}	
.company ul{width:680px;}
.prott{width: 1440px;}	
.prott .pcontt{width: 1400px;margin: 0px 5px;}
.footc{width:770px;}	
/*内页*/
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #3871c1;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #3871c1;}
.cp_r{ width:690px;}
}